Group items tagged

Designing for responsive websites can be a bit challenging at first because the process is so different. As designers, we've gotten used to building pixel-perfect mockups as our web blueprints. But responsive design takes a different approach. "Because so much of a layout can be created with CSS it may feel like your role as a designer has diminished. Really, your role has just changed. Web design for too long has been about designing the interface while neglecting the content. The layout is still important but the developer can do much of it. The designer should focus on making sure the goals of the website are met. Spend the most time on strengthening the conversion process, emphasising important content, and making it more palatable and digestible."

Great article advocating for responsive web design. "Again, it's true that responsive design and device-specific experiences can offer us a way around many of these problems. If we can tune the size of a button to a particular environment, then we don't have to accept blunt, across-the-board treatment. But the number of devices we have to support will only increase, and customizing for every possible scenario could quickly become unreasonable. Even if we are able to provide perfectly tailored design at the execution level, there is still value in thinking about tempered, universally accessible design at the conceptual level. Additionally, just because we can tailor design to particular experiences doesn't mean that users will not carry expectations over from one experience to another. The boundaries might blur whether we like it or not."

Lists seven major design patterns for navigation on responsive sites.

Sass does not just help you maintain your style sheets. It can actually improve your responsive layout workflow and you don't even have to worry about the maths! Here Ryan Taylor explains how to build a reusable framework

Andrea saw this cool responsive design presentation at SXSW

an excerpt from the new book Responsive Design Workflow.

Great find! Love all the examples that I hadn't considered before: console browsers, how to 'responsify' tables etc.

See what the responsive site looks like in different device resolutions

Makes a good case for responsive web design, and not trying to target specific devices.

For the past few days, we have showed you some of the best WordPress and Joomla responsive themes you can download and use on your site. Today, we're going to give you the tools. Comprise of frameworks, services, and downloadble scripts, we think they are going to be a great ...